<template>
  <iframe width="100%" height="100%" scrolling="no" :src="`/plugins/pdfjs/web/viewer.html?file=${src}`" v-if="src"></iframe>
</template>

<script>
  import axios from 'axios';

  export default {
    name: "pdf",
      baseUrl:axios.defaults.baseURL,
    props: {
      src: {
        type: String,
        default: ""
      }
    },
    data() {
      return {
        file: "",
      }
    },
    watch: {
      src(val) {
        // this.getData(val);
      }
    },
    mounted() {
      this.$nextTick(() => {
        // this.getData(this.src);
      });
    },
    methods: {
      getData(src) {
        // fetch(src, {
        //   responseType: 'blob',
        //   headers: {
        //     'Content-Type': 'application/pdf',
        //   },
        // }).then(res => {
        //   console.log(res);
        //   // const blob = new Blob([res.data], {type: "application/pdf"})
        //   // const blob = res.blob();
        //   // let binaryData = [];
        //   // binaryData.push(blob);
        //   this.file = window.URL.createObjectURL(new Blob([res.blob()]));
        // }).catch(err => {
        //   console.log(err)
        // })
        // fetch(src, {
        //   responseType: 'blob',
        //   method: "post",
        //   mode: 'cors',
        //   headers: {
        //     "Content-Type": "application/json"
        //   }
        // }).then(res => {
        //   const blob = new Blob([res.data], {type: "application/pdf"})
        //   this.file = URL.createObjectURL(blob)
        // }).catch(err => {
        //   console.log(err)
        // })
      },

    },
  };
</script>

<style lang="scss" scoped>
  iframe {
    border: 0px !important;
  }
</style>

